<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- 必须的 meta 标签 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap 的 CSS 文件 -->
    <link rel="stylesheet" th:href="@{/static/bootstrap.min.css}">
    <title>OpenLearning</title>
</head>
<body>

<div class="container">
    <div th:replace="all_module::navbar"></div>

    <div th:replace="all_module::WorkReciteNavlist('nav-link','nav-link','nav-link active','nav-link')"></div>

    <div th:replace="all_module::progressBar"></div>

    <div class="alert alert-success" role="alert" th:if="${session.clockIn}" th:text="${session.clockIn}"></div>


    <a class="btn btn-primary " th:if="not ${session.clockIn}" th:href="@{/word/reciteWord}"
       role="button">开始背诵单词</a>

    <a class="btn btn-primary " th:if="${session.clockIn}" th:href="@{/word/reciteWord}"
       role="button">继续背单词</a>

    <a class="btn btn-info " th:if="not ${session.clockIn}" th:href="@{/word/reciteWordStep3.do}"
       role="button">开始复习单词</a>

    <a class="btn btn-danger float-right" th:href="@{/word/clearSession.do}"
       role="button">清除背诵缓存</a>
</div>


<!-- 选项 1：jQuery 和 Bootstrap 集成包（集成了 Popper） -->
<script th:src="@{/static/jquery.min.js}"></script>
<script th:src="@{/static/bootstrap.bundle.min.js}"></script>
<script th:src="@{/static/vue2.js}"></script>


</body>
</html>